/* Neon Theme - Vibrant and Electric */
html.theme-neon {
  // 基础色彩
  --bg-color: #0c0c0c;
  --bg-color-page: #0a0a0a;
  --bg-color-secondary: rgba(20, 20, 30, 0.8);
  --bg-color-tertiary: #14141e;
  --text-color: #e0e0e0;
  --text-color-primary: #ffffff;
  --text-color-secondary: #39ff14;
  --text-color-light: rgba(224, 224, 224, 0.75);
  --text-color-disabled: rgba(224, 224, 224, 0.3);
  --text-color-on-primary: #000000;
  
  // 边框和分割线
  --border-color: rgba(57, 255, 20, 0.3);
  --border-color-light: rgba(57, 255, 20, 0.15);
  --border-color-emphasis: rgba(57, 255, 20, 0.6);
  --border-radius-base: 5px;
  --border-radius-large: 20px;
  --border-radius-small: 8px;
  
  // 主色调
  --primary-color: #39ff14; // Neon Green
  --primary-color-rgb: 57, 255, 20;
  --primary-color-hover: #adff2f; // Green-Yellow
  --primary-color-light: rgba(57, 255, 20, 0.15);
  --primary-color-dark: #2aa60e;
  
  // 辅色调
  --secondary-color: #ff1493; // Deep Pink

  // 状态色
  --success-color: #39ff14;
  --warning-color: #ffff00;
  --danger-color: #ff1493;
  --info-color: #00f0ff;
  
  // 阴影与辉光
  --box-shadow-base: 0px 2px 10px rgba(57, 255, 20, 0.2);
  --primary-glow: 0 0 5px #fff, 0 0 10px var(--primary-color), 0 0 20px var(--primary-color), 0 0 30px var(--primary-color-hover);
  --secondary-glow: 0 0 5px #fff, 0 0 10px var(--secondary-color), 0 0 20px var(--secondary-color);
  
  // 玻璃效果
  --backdrop-blur: 15px;
  --glass-bg: rgba(12, 12, 12, 0.75);
  --glass-border: rgba(57, 255, 20, 0.25);
  
  // 禁用状态
  --disabled-bg-color: #14141e;
  --disabled-border-color: rgba(255, 255, 255, 0.1);
  --disabled-text-color: var(--text-color-disabled);
  
  // 下拉组件
  --select-bg: var(--bg-color-secondary);
  --select-border-color: var(--border-color);
  --select-option-hover-bg: rgba(57, 255, 20, 0.1);
  
  // 时间选择器
  --time-picker-bg: var(--bg-color-secondary);
  --time-picker-border-color: var(--border-color);
  --time-picker-border-gradient: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
  --time-picker-border-opacity: 0;
  --time-picker-cell-hover: rgba(57, 255, 20, 0.1);

  // 链接颜色
  --link-color: var(--primary-color);
  --link-hover-color: var(--primary-color-hover);
  --link-visited-color: #2aa60e;

  // 无障碍
  --focus-ring: 0 0 0 2px var(--bg-color-secondary), 0 0 0 4px var(--primary-color), 0 0 10px rgba(57, 255, 20, 0.5);
  --hover-overlay: rgba(57, 255, 20, 0.1);
  --active-overlay: rgba(57, 255, 20, 0.2);

  // 滚动条
  --scrollbar-track: #1a1a1a;
  --scrollbar-thumb: var(--primary-color);
  --scrollbar-thumb-hover: var(--primary-color-hover);
}
